@charset "UTF-8";
/* CSS Document */

/**************************************************************************/
.productionHeader { background:url(../ui/productionHeader.jpg) center top no-repeat; }
.productionHeader .productionText { width:500px; float:left; margin:230px 0 0 500px; }

.productionTag {  margin:50px auto 0 auto; }
.productionTag a { width:120px; line-height:40px; float:left; border:0px solid #ddd; background:#fff; margin-right:2px; display:block; text-align:center; color:#999; position:relative; z-index:0; cursor:pointer; }
.productionTag a:first-child { border-left:1px solid #ddd; }
.productionTag a:hover { border-color:#3794dc; color:#3794dc; z-index:1; }
.productionTag a.active { background:#3794dc; border-color:#3794dc; color:#fff; z-index:1; }

.productionList {  margin:40px auto 0 auto;  }
.productionList li { width:265px; float:left; overflow:hidden; margin-right:13px; margin-top:13px; background:#fff; }
.productionList li:nth-child(4n) { margin-right:0; }
.productionList li img { width:290px; height:290px; float:left; border:0px solid #ddd; }
.productionList li b { width:100%; height:48px; float:left; display:block; text-align:center; padding-top:20px; line-height:24px; font-size:16px; color:#333; font-weight:normal; }
.productionList li:hover  { background:#3794dc;}
.productionList li:hover b  { color:#fff;}

/**************************************************************************/
.productionInfo { margin:50px auto 0 auto; background:#fff; }
.productionInfo .productionImg { width:500px; height:500px; border:0px solid #ddd; overflow:hidden; position:relative; z-index:0; float:left; }
.productionInfo .productionImg .maxImg { width:2000px; height:100%; position:absolute; z-index:1; left:0; top:0; -webkit-transition:left 300ms ease; -moz-transition:left 300ms ease; transition:left 300ms ease;}
.productionInfo .productionImg .maxImg li { width:500px; height:100%; float:left; }
.productionInfo .productionImg .maxImg li img { width:500px; height:500px; }
.productionInfo .productionImg .minImg { width:100%; height:50px; padding:10px 0; position:absolute; z-index:2; left:0; bottom:0; background:rgba(0,0,0,0.6); }
.productionInfo .productionImg .minImg li { width:50px; height:50px; float:left; margin-left:10px; border:2px solid #fff; }
.productionInfo .productionImg .minImg li.active { border-color:#3794dc; }
.productionInfo .productionImg .minImg li img { width:100%; height:100%; }
.productionInfo .productionInfoText { width:550px; float:right; margin:20px 0px 0 50px; }
.productionInfo .productionInfoText h2 { width:100%; float:left; line-height:40px; font-size:30px; color:#333; display:block; font-weight:normal; }
.productionInfo .productionInfoText  a { width:100%; float:left; line-height:20px; margin-top:10px; color:#999; font-size:14px; color:#333; display:block; margin-bottom:20px; }
.productionInfo .productionInfoText  p { width:100%; float:left; line-height:20px; margin-top:10px; color:#999; font-size:14px; }
.productionInfo .productionInfoText  p a:hover { color:#3794dc; }
.productionInfo .productionInfoText  p span { display:block; width:100px; float:left; }
.productionInfo .productionInfoText  p b { display:block; width:500px; float:left;}
.productionInfo .priceBox { width:550px; float:right; padding:10px 0 20px 0; margin:20px 0px 0 50px; border-top:0px dotted #ccc; border-bottom:1px dotted #ccc; position:relative; z-index:0; }
.productionInfo .priceBox p { width:100%; line-height:40px; margin-top:10px; }
.productionInfo .priceBox p span { width:100px; display:block; color:#999; float:left; }
.productionInfo .priceBox p b { width:500px; font-size:30px; color:#ff8a00;}
.productionInfo .code { width:550px; float:right; margin:20px 0px 0 50px; }
.productionInfo .code img { width:130px; height:130px; float:left; }
.productionInfo .code span { width:300px; float:left; display:block;  color:#666; line-height:130px; font-size:16px; margin-left:30px; }

/**************************************************************************/
.productionDetail { margin:30px auto; }
.productionDetail h3 { width:100%; float:left; line-height:50px; font-size:24px; color:#3794dc; display:block; font-weight:normal; }
.detailInfo { width:900px; float:left; }
.detailInfoBox { width:750px; float:left; padding:30px 49px; border:0px solid #ddd; overflow:hidden; background:#fff; }
.detailInfoBox img { max-width:100%; }

.productionRecommend { width:200px; float:right; }
.productionRecommend li { width:100%; float:left; background:#fff; padding-bottom:10px; border-top:1px dotted #ddd; }
.productionRecommend li :first-child { border:none; }
.productionRecommend li img { width:240px; float:left; border:0px solid #ddd; }
.productionRecommend li a:hover img {  border-color:#3794dc; }
.productionRecommend li b { width:100%; float:left; margin:10px 0 0 0; line-height:28px; font-size:16px; color:#333; text-align:center; font-weight:normal;}








